﻿@model Drempelvrij.UI.Web.ViewModels.ContactViewModel

@{
    ViewBag.Title = "Index";
}

<h1 class="page-title">Contact</h1>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<div id="contact-container">
    <div id="contact-form">
    @using (Html.BeginForm("SendMail", "Contact", FormMethod.Post))
    {    
            <div class="contact-form-row">
                @Html.Label("Naam:")<br />
                @Html.TextBoxFor(m => m.name)
                @Html.ValidationMessageFor(m => m.name)
            </div>
    
            <div class="contact-form-row">
                @Html.Label("Email:")<br />
                @Html.TextBoxFor(m => m.email)
                @Html.ValidationMessageFor(m => m.email)
            </div>
            <div class="contact-form-row">
                @Html.Label("Reactie")<br />
                @Html.TextAreaFor(m => m.reactie)
                @Html.ValidationMessageFor(m => m.reactie)
            </div>
            

        <div class="contact-form-row">
            <input type="submit" value="Verzenden" />
        </div>
    }
    </div>

    <div id="contact-map">
        <table>
        <tr>
            <td width=80px>Adres:</td>
            <td>Wijnhaven 99</td>
        </tr>
        <tr>
            <td>Plaats:</td>
            <td>Rotterdam</td>
        </tr>
        <tr>
            <td>Postcode:</td>
            <td>3011 WN</td>
        </tr>
        <tr>
            <td>Telefoon:</td>
            <td>010 794 6600</td>
        </tr>
        <tr>
            <td colspan="2"><iframe width="425" height="350" src="https://maps.google.nl/?ie=UTF8&amp;ll=51.917194,4.487497&amp;spn=0.005407,0.011963&amp;t=m&amp;z=17&amp;output=embed"></iframe></td>
        </tr>
        </table>
    </div>

</div>